<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
    	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
		<title></title>
		<link href="../../dist/css/lanai-ui.min.css" rel="stylesheet" />
	</head>
	<body>
		<section class="content">
			<div class="row">
				<div class="col-md-3">
					<div class="box box-default box-solid">
			            <div class="box-body box-profile">
			              <img class="profile-user-img img-responsive img-circle" src="../../dist/img/sl.jpg" alt="User profile picture">
			
			              <h3 class="profile-username text-center">索隆</h3>
			
			              <p class="text-muted text-center">海贼猎人</p>
			
			              <strong><i class="fa fa-book margin-r-5"></i> 战绩</strong>
			              <ul class="list-group list-group-unbordered">
			              	<li class="list-group-item">
			              		壮烈决斗 <small> 索隆 </small><i class="fa fa-vimeo text-red"></i> <small> 杂技卡巴吉</small>
			              		<a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span class="text-success"> 败</span></a>
			              	</li>
			              	<li class="list-group-item">
			              		恐怖二人组 <small> 猫人兄弟 </small><i class="fa fa-vimeo text-red"></i><small> 索隆 </small>
			              		<a class="pull-right margin-r-5"><span class="text-success"> 败 </span>/<span class="text-danger"> 胜</span></a>
			              	</li>
			              	<li class="list-group-item">
			              		路飞落水 <small> 索隆 </small><i class="fa fa-vimeo text-red"></i><small> 章鱼小八 </small>
			              		<a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span class="text-success"> 败</span></a>
			              	</li>
			              	<li class="list-group-item">
			              		三刀流爆发 <small> 索隆 </small><i class="fa fa-vimeo text-red"></i><small> 巴洛克工作社 </small>
			              		<a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span class="text-success"> 败</span></a>
			              	</li>
			              	<li class="list-group-item">
			              		呼啸而出的斩击 <small> 索隆 </small><i class="fa fa-vimeo text-red"></i><small> 神官欧姆 </small>
			              		<a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span class="text-success"> 败</span></a>
			              	</li>
			              	<li class="list-group-item">
			              		屋顶上飞舞的斩击 <small> 索隆 </small><i class="fa fa-vimeo text-red"></i><small> 龙马 </small>
			              		<a class="pull-right margin-r-5"><span class="text-danger"> 胜 </span>/<span class="text-success"> 败</span></a>
			              	</li>
			              </ul>			
			              <strong><i class="fa fa-map-marker margin-r-5"></i> 住址</strong>
			
			              <p class="text-muted">东海·霜月村</p>
			
			              <hr>
			
			              <strong><i class="fa fa-shield margin-r-5"></i> 技能</strong>
			
			              <p>
			                <span class="label label-danger">无刀流</span>
			                <span class="label label-success">龙•卷风</span>
			                <span class="label label-info">真剑•空手接白刃</span>
			                <span class="label label-warning">居合斩</span>
			                <span class="label label-primary">烦恼风</span>
			              </p>
			
			              <hr>
			
			              <strong><i class="fa fa-money margin-r-5"></i> 官方赏额</strong>					
			              <p><i class="fa fa-bitcoin"></i> <b>320,000,000 - </b></p>
			              <hr>
			              <strong><i class="fa fa-cloud"></i> 梦想</strong>
			              <p>成为世界第一的大剑豪</p>
			            </div>
			            <!-- /.box-body -->
			        </div>
				</div>
				<div class="col-md-9">
					<div class="box box-default box-solid">
						<div class="box-header">
							<h3 class="box-title"><i class="fa fa-paw"></i> 最新动态 </h3>
						</div>
						<div class="box-body">
							<!-- Post -->
			                <div class="post">
			                  <div class="user-block">
			                    <img class="img-circle img-bordered-sm" src="../../dist/img/nvdi.jpg" alt="user image">
			                        <span class="username">
			                          <a href="#">女帝</a>
			                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
			                        </span>
			                    <span class="description">共享发布 - 下午 7:30</span>
			                  </div>
			                  <!-- /.user-block -->
			                  <p>
			                    	无论哀家做出什么坏事，全世界都会原谅我……因为哀家实在太美了!
			                  </p>
			                  <ul class="list-inline">
			                    <li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> 分享</a></li>
			                    <li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> 赞</a>
			                    </li>
			                    <li class="pull-right">
			                      <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> 评论
			                        (5)</a></li>
			                  </ul>
			
			                  <input class="form-control input-sm" type="text" placeholder="评论">
			                </div>
			                <!-- /.post -->
			
			                <!-- Post -->
			                <div class="post clearfix">
			                  <div class="user-block">
			                    <img class="img-circle img-bordered-sm" src="../../dist/img/tm7.jpg" alt="User Image">
			                        <span class="username">
			                          <a href="#">乌索普</a>
			                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
			                        </span>
			                    <span class="description">发送邮件 - 3天前</span>
			                  </div>
			                  <!-- /.user-block -->
			                  <p>
			                    “不管要停留到哪一天……不管失去什么东西，即使要在无人岛上迎接死亡……我也要尊严地死去！我是勇敢的海上战士乌索普！”
			                  </p>
			
			                  <form>
			                    <div class="form-group">
			                    	<div class="input-group">
			                    		<input class="form-control input-sm" placeholder="回复">
			                    		<span class="input-group-btn">
					                        <button type="submit" class="btn btn-primary btn-flat btn-sm">发送</button>
					                      </span>
			                    	</div>
			                    </div>
			                  </form>
			                </div>
			                <!-- /.post -->
			
			                <!-- Post -->
			                <div class="post">
			                  <div class="user-block">
			                    <img class="img-circle img-bordered-sm" src="../../dist/img/sl.jpg" alt="User Image">
			                        <span class="username">
			                          <a href="#">索隆</a>
			                          <a href="#" class="pull-right btn-box-tool"><i class="fa fa-times"></i></a>
			                        </span>
			                    <span class="description">发布图片 - 5天前</span>
			                  </div>
			                  <!-- /.user-block -->
			                  <div class="row margin-bottom">
			                    <div class="col-sm-6">
			                      <img class="img-responsive" src="../../dist/img/nvdi.jpg" alt="Photo">
			                    </div>
			                    <!-- /.col -->
			                    <div class="col-sm-6">
			                      <div class="row">
			                        <div class="col-sm-6">
			                          <img class="img-responsive" src="../../dist/img/timg-1.jpg" alt="Photo">
			                          <br>
			                          <img class="img-responsive" src="../../dist/img/timg-2.jpg" alt="Photo">
			                        </div>
			                        <!-- /.col -->
			                        <div class="col-sm-6">
			                          <img class="img-responsive" src="../../dist/img/timg-3.jpg" alt="Photo">
			                          <br>
			                          <img class="img-responsive" src="../../dist/img/timg-4.jpg" alt="Photo">
			                        </div>
			                        <!-- /.col -->
			                      </div>
			                      <!-- /.row -->
			                    </div>
			                    <!-- /.col -->
			                  </div>
			                  <!-- /.row -->
			
			                  <ul class="list-inline">
			                    <li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> 分享</a></li>
			                    <li><a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> 赞</a>
			                    </li>
			                    <li class="pull-right">
			                      <a href="#" class="link-black text-sm"><i class="fa fa-comments-o margin-r-5"></i> 评论
			                        (5)</a></li>
			                  </ul>
			                  <div class="box-footer box-comments margin-bottom">
			                  	<div class="box-comment">
					                <!-- User image -->
					                <img class="img-circle img-sm" src="../../dist/img/nvdi.jpg" alt="User Image">
					
					                <div class="comment-text">
					                      <span class="username">
					                        	女帝
					                        <span class="text-muted pull-right">当日 8:03</span>
					                      </span><!-- /.username -->
					                  		无礼之人，给我退下!
					                </div>
					                <!-- /.comment-text -->
					              </div>
					              <div class="box-comment">
						                <!-- User image -->
						                <img class="img-circle img-sm" src="../../dist/img/lf.jpg" alt="User Image">
						
						                <div class="comment-text">
						                      <span class="username">
						                        	路飞
						                        <span class="text-muted pull-right">当日 8:05</span>
						                      </span><!-- /.username -->
						                  		如果对她泼水，是不是能让她退烧？！
						                </div>
						                <!-- /.comment-text -->
						            </div>
			                  </div>		                  
			
			                  <input class="form-control input-sm" type="text" placeholder="评论">
			                </div>
		                	<!-- /.post -->
						</div>
					</div>
				</div>
			</div>				
		</section>
		<script src="../../dist/js/jquery.min.js"></script>
    	<script src="../../dist/js/lanai-ui.min.js"></script>
	</body>
</html>
